<template>
  <div>



    <div class="allLc">
      <div class="allContent">
        <ul>
          <li   :class="yyzzInfos.dealStatus == 'SUBMIT'?'cur':''" >
            <div class="allItemIcon">
              <div class="allItemIconImg"></div>
            </div>
            <div class="allItemDesc">
              <h3>
                申请工商营业执照
              </h3>
              <p>已申请</p>
            </div>
          </li>
          <li v-if="yyzzInfos.dealStatus == 'REJECT'" :class="yyzzInfos.dealStatus == 'REJECT'?'cur':''" >
            <div class="allItemIcon">
              <div class="allItemIconImg"></div>
            </div>
            <div class="allItemDesc">
              <h3>
                工商审核驳回
              </h3>
              <p>{{yyzzInfos.errorReason}} <label @click="resubmit()" class="rebtn">重新申请</label></p>
            </div>
          </li>
          <li :class="yyzzInfos.dealStatus == 'PASS'?'cur':''">
            <div class="allItemIcon">
              <div class="allItemIconImg"></div>
            </div>
            <div class="allItemDesc">
              <h3>
                工商执照办理完成
              </h3>
              <p>办理完成</p>
            </div>
          </li>

        </ul>
      </div>
    </div>

    <div class="cbg" style="background: none;">
      <div class="txxy">

        <div class="libtn" >
          <p></p>
          <button @click="goback()" class="buttonOk">返回</button>
        </div>
      </div>



    </div>

  </div>
</template>

<script>
  export default {
    name: "pcar1",
    data(){
      return{
        radio:'',
        yyzzInfos:{},
        checked:true
      }
    },
    created(){
      this.getyyzz();
    },
    methods:{
      resubmit(){
        this.$router.push({
          path:'/personCar',
          query:{
            funCode:'pcar3'
          }
        })
      },
      goback(){
        if(this.$route.query.backCode){
          this.$router.push({
            path:'/center',
            query:{
              funCode:this.$route.query.backCode
            }
          })
        }else{
          this.$router.replace({
            path:'/personCar',
            query:{
              funCode:'personHome'
            }
          })
        }

      },
      getyyzz(){
        this.$http.get('yxc/merchant/viewMerByWxUserId').then(res=>{
          if(res.code == 200){
          this.yyzzInfos = res.data

        }
      })
      }
    }
  }
</script>

<style lang="scss" scoped>

  .rebtn{
    padding:2px 10px;
    color:#1c67ff;
    border:1px solid #1c67ff;
    border-radius: 5px;
    background: #FFF;
  }
  .allLc{
    padding: 10px;
    background: #FFF;
  }

  .allContent{
    ul{
      position: relative;

      li{
        display: flex;

        margin:30px 20px;
        .allItemIcon{
          .allItemIconImg{width:8px;height:8px; position: relative; top:10px; z-index: 99; background: #EEE;border-radius:1000px;}
        }
        .allItemDesc{
          font-size:12px;
          width:100%;
          padding-left:10px;
          padding-top:3px;
          h3{
            margin:0;padding:0;
            font-size:15px;
            font-weight: 500px;color:#999;
          }
          p{margin:0;padding:0;color:#999;}
        }
      }
      .cur{
        .allItemIconImg{
          background: #08F!important;
        }
        .allItemDesc{
          h3{
            color:#333!important;
          }

        }
      }
    }
    ul:after{
      position: absolute;
      width:2px;  background: #EEE;
      left:23px;
      top:20px;
      bottom:30px;
      content: '';
      display: block;
    }
  }

  .libtn {
    border: none;
    text-align: center;
    .buttonOk {
      padding:10px 0;
      border-radius: 5px;
      border: none;
      background:rgba(28,103,255,1);
      color: #FFF;
      font-size: 35px;
      /*box-shadow: 0 10px 20px rgba(102, 177, 255, .3);*/
      width: 90%;
      font-size:18px;
      margin-bottom: 10px;
    }.buttonCancle {
       padding:10px 0;
       border-radius: 100px;

       border:1px solid rgba(191,191,191,1);
       background: #FFF;
       color: #666;
       font-size: 35px;
       /*box-shadow: 0 10px 20px rgba(102, 177, 255, .3);*/
       width: 90%;
       font-size:18px;
     }
  }

</style>
